<!-- 逻辑 -->
<script setup lang="ts">
import { ref } from 'vue';

const pets = ref(['小强', '仓鼠', '捕鸟蛛', '猪鼻蛇', '鬃狮蜥蜴', '泥鳅'])
</script>

<!-- 结构 -->
<template>
<h2>小黑宠物店</h2>
<ul>
  <li v-for="(item, index) in pets" :key="index">{{ item }} ---{{ index+1 }}</li>
</ul>
</template>

<!-- 样式 -->
<style scoped>

</style>